
<link href="<{$res_url}>/css/wap/public.css" rel="stylesheet" type="text/css">
<link href="<{$res_url}>/css/wap/home.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<{$res_url}>/js/wap/jquery.min.js"></script>
<script type="text/javascript" src="<{$res_url}>/js/wap/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="<{$res_url}>/js/wap/jquery.yomi.js"></script>
<!-----"头像"左右滑动----->
<script type="text/javascript" src="<{$res_url}>/js/wap/owl.carousel.js"></script> 
<script type="text/javascript">
	$(document).ready(function() {

        $("#close-icon").click(function(event) {
            var e=event || window.event;
            if (e && e.stopPropagation){
                e.stopPropagation();
            } else {
                e.cancelBubble = true;
            }
            $("footer").hide();
            return false;
        });

		$("#owl-demo").owlCarousel({
			items :10,
			lazyLoad : true,
			navigation : true
		});
                        $("#owl-demo").find("img").each(function(i){
                                $(this).css("height",$(this).parent().parent().css('width'));
                        });
	});
</script>
</head>

<body style="background:#f8f9fa;">
    <section class="warp" style="padding-bottom:60px;">
    	<div class="content" >
            <{if !$app}>
<!--            <header>
            	<div class="search fl"><a href="opinions.html"><img src="<{$res_url}>/images/wap/icon1.png" width="20"></a></div>
                <div class="logo">评论</div>
            </header>-->
            <{/if}>
            <div class="review">
            	<div class="review_pic" style='position:relative'>
                    <{foreach from=$opinions.tag item=t}>
                    
                    <div class="tag_box <{if $t.image_type=='2'}>t_right<{/if}>" id="moveid" style='top:<{$t.x}>%;left:<{$t.y}>%;  position: absolute;'>
                        <img src="<{$res_url}>/images/wap/icon28.png" class="dot">
                        <span>
                            <{$t.image_tag}>
                            <em class="s_right"></em>
                        </span>
                    </div>
                    <{/foreach}>
                    <img src="<{$opinions.image}>" width="100%"></div>
                <div class="review_info">
                	<h2><a href="agoods-info.html?goods_id=<{$opinions.goods_id}>"><{$opinions['goods_name']}></a></h2>
                    <p><span>[好物推荐]</span><{$opinions.content}></p>
                </div>
                <div class="review_share"><span class="like"><{$opinions.p_num}></span></div>
                <script type="text/javascript">
                	$(document).ready(function() {
                        $(".review_share span").click(function(){
								$(this).addClass("active")
							})
                    });
                </script>
                <div class="like_list">
                	<ul id="owl-demo" class="owl-carousel">
                            <{foreach from=$opinions.praise item=praise}>
                            <li class="item"><img src="<{$praise.avatar}>" style="overflow: hidden"></li>
                            <{/foreach}>
                    </ul>
                    <i><img src="<{$res_url}>/images/wap/t2.jpg" width="20"></i>
                </div>
                <script type="text/javascript">
                	$(document).ready(function() {
                        var L = $("#owl-demo li").length
						$(".like_list i").hide()
						if( L > 10 ){
							$(".like_list i").show()
						}else{
							$(".like_list i").hide()
							}

                        });
                </script>
                <div class="review_box">
                	<h2>共有<{$opinions.c_num |default:0}>条评论</h2>
                        <{if $opinions.comment}>
                        <ul>
                            <{foreach from=$opinions.comment item=comment}>
                            <li>
                                <span class="user_area"><img src="<{$comment.avatar}>" width="40" height="40"></span>
                                <span class="user_name">
                                    <h3><time><{$comment.created}></time><em><a href="#"><{$comment.name}></a></em></h3>
                                    <p><{$comment.content}></p>
                                </span>
                            </li>
                            <{/foreach}>
                        </ul>
                        <{else}>
                        还没有评论
                        <{/if}>
                </div>
<!--            	<div class="review_form">
                    <form>
                    	<span><input name="" type="text" placeholder="添加评论"></span><button type="submit">发送</button>
                    </form>
                </div>-->

                <footer style="line-height: 0;height: 44px;text-align: right;border:0;">
                    <a href="http://www.yingtaoshe.com/?c=Download">
                        <img src="<{$res_url}>/images/wap/footer.png" width="100%">
                        <img src="<{$res_url}>/images/wap/close.png" id="close-icon" style="max-width: 1.5em;margin: -3.5em 1em 0 0;">
                    </a>

                </footer>
            </div>
            
	
		<{wap_require file="block/member-footer.html"}>
            
            <div class="mask"></div>
            
            <script type="text/javascript">
            	$(document).ready(function() {
                    $(function(){
							$("a.share_btn").click(function(){
									$(".footer_share").toggleClass("show")
									$(".mask").toggle()
									$("body").css("overflow","hidden")
									if($(".footer_share").hasClass("show")){
											$("body").css("overflow","hidden")
										}else{
											$("body").css("overflow","auto")
											}
								})
							$(".mask").click(function(){
									$(".footer_share").toggleClass("show")
									$(".review_share span.review_share_btn").removeClass("active")
									$(".mask").toggle()
									if($(".footer_share").hasClass("show")){
											$("body").css("overflow","hidden")
										}else{
											$("body").css("overflow","auto")
											}
								})
						})
                });
            </script>
            <{wap_require file="block/share.html"}>
        </div>
    </section>
